@charset "UTF-8";
@import "bpmn-js-properties-panel/dist/assets/element-templates.css";
@import "bpmn-js-properties-panel/dist/assets/properties-panel.css";
@import "bpmn-js-connectors-extension/dist/connectors-extension.css";
@import "@bpmn-io/element-template-chooser/dist/element-template-chooser.css";
@import "bpmn-js-bpmnlint/dist/assets/css/bpmn-js-bpmnlint.css";
@import "bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css";
@import 'bpmn-js/dist/assets/diagram-js.css';
@import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css';
@import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css';
.bts-toggle-mode {
  display: none;
}

.cmd-change-menu {
  transition: background-color ease 0.2s;
  background-color: rgba(0, 0, 0, 0.3);
}

.toolbar {
  width: 100%;
  height: -moz-min-content;
  height: min-content;
  box-sizing: border-box;
  padding: 8px 16px 8px 0;
  display: flex;
  align-items: center;
}
.toolbar > div {
  margin-left: 16px;
}

.button-list_column {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 8px;
  padding: 8px 0;
}

.preview-model {
  width: 64vw;
  height: 64vh;
  overflow-y: auto;
}
.preview-model .preview-model-content {
  word-break: break-word;
  white-space: pre-wrap;
}
.preview-model code.n-code {
  font-size: 16px;
}

.shortcut-keys-model {
  width: 460px;
  display: grid;
  line-height: 20px;
  font-size: 14px;
  grid-template-columns: 160px auto;
}

.event-listeners-box {
  width: 520px;
  height: 60vh;
  display: flex;
  flex-direction: column;
}
.event-listeners-box .event-listeners-box {
  margin-top: 16px;
  flex: 1;
  width: 520px;
  overflow-y: auto;
}
.event-listeners-box .listener-item {
  margin: 4px 0;
}

/* 修改弹窗宽度 */
.n-dialog.n-modal {
  width: auto;
}

.designer {
  flex: 1;
}

.djs-minimap div.toggle {
  display: none;
}

.layer-selectionOutline {
  fill: none;
}

.palette {
  width: 360px;
  box-sizing: border-box;
  padding: 16px;
}

.panel {
  width: 520px;
  box-sizing: border-box;
  padding: 0 8px;
  border-left: 1px solid #eee;
  box-shadow: 0 0 8px #ccc;
  max-height: 100%;
  overflow-y: auto;
}
.panel .n-collapse .n-collapse-item {
  border-top: none;
  margin: 0;
  border-bottom: 1px solid var(--n-divider-color);
}
.panel .n-collapse .n-collapse-item:first-child {
  border-top: 1px solid var(--n-divider-color);
}
.panel .n-collapse .n-collapse-item .n-collapse-item__header {
  padding: 16px 0;
}
.panel .n-collapse .n-collapse-item .n-collapse-item__content-wrapper .n-collapse-item__content-inner {
  padding: 0 0 16px 0;
}
.panel .inline-large-button {
  margin-top: 16px;
  width: 100%;
}

.panel-header {
  display: flex;
  justify-content: flex-start;
  padding: 10px 0;
}
.panel-header .panel-title {
  margin-left: 10px;
}
.panel-header .panel-title p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bolder;
}

.el-divider__text {
  font-size: 16px;
  font-weight: 600;
  color: #000000 !important;
}

.need-filled.n-form {
  height: 520px;
}

.camunda-penal {
  width: 480px;
}

.bpmn-context-menu {
  display: flex;
  width: 400px;
  max-height: 360px;
  overflow: hidden;
  flex-direction: column;
}
.bpmn-context-menu .context-menu_header {
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid rgb(239, 239, 245);
}
.bpmn-context-menu .context-menu_body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.bpmn-context-menu .context-menu_item {
  width: 100%;
  height: 32px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
  padding: 0 4px;
  display: flex;
  align-items: center;
}
.bpmn-context-menu .context-menu_item:hover {
  background-color: rgb(241, 242, 244);
}
.bpmn-context-menu .context-menu_item .context-menu_item_icon {
  font-size: 20px;
  margin-right: 8px;
}

body,
html,
#app,
.designer-container {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
body.designer-with-image > .main-content .designer,
html.designer-with-image > .main-content .designer,
#app.designer-with-image > .main-content .designer,
.designer-container.designer-with-image > .main-content .designer {
  background-repeat: no-repeat !important;
  background-size: cover;
}
body .main-content,
html .main-content,
#app .main-content,
.designer-container .main-content {
  width: 100%;
  flex: 1;
  overflow: hidden;
  display: flex;
}
body .main-content .designer,
html .main-content .designer,
#app .main-content .designer,
.designer-container .main-content .designer {
  flex: 1;
}

.executed.djs-connection > .djs-visual > path {
  stroke: #2ecc71 !important;
  fill-opacity: 0.2 !important;
}

.executed.djs-shape .djs-visual > :nth-child(1) {
  fill: #2ecc71 !important;
  stroke: #2ecc71 !important;
  fill-opacity: 0.2 !important;
}

.executed.djs-connection > .djs-visual > path {
  stroke: #2ecc71 !important;
  fill-opacity: 0.2 !important;
}

.executed.djs-shape .djs-visual > :nth-child(1) {
  fill: #2ecc71 !important;
  stroke: #2ecc71 !important;
  fill-opacity: 0.2 !important;
}

.unfinished.djs-connection > .djs-visual > path {
  stroke: #e67e22 !important;
  stroke-dasharray: 4px !important;
  fill-opacity: 0.2 !important;
}

.unfinished.djs-shape .djs-visual > :nth-child(1) {
  fill: #e67e22 !important;
  stroke: #e67e22 !important;
  stroke-dasharray: 4px !important;
  fill-opacity: 0.2 !important;
}

.unfinished.djs-connection > .djs-visual > path {
  stroke: #e67e22 !important;
  stroke-dasharray: 4px !important;
  fill-opacity: 0.2 !important;
}

.unfinished.djs-shape .djs-visual > :nth-child(1) {
  fill: #e67e22 !important;
  stroke: #e67e22 !important;
  stroke-dasharray: 4px !important;
  fill-opacity: 0.2 !important;
}

.bjsl-button {
  display: none;
}/*# sourceMappingURL=index.css.map */